<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>VisitCali.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Places to visit">
    <meta name="author" content="Jeremy Moyson">

    <!-- Le styles -->
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../css/visitcali.css" rel="stylesheet">
    <link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="bootstrap/js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

          <div class="container">
         <div class="masthead">
          <h1 class="muted">VisitCali.com</h1>
          <img src="../img/widescreenBanner1.jpg" alt="smiley face"/> 
          <div class="navbar">
            <div class="navbar-inner">
              <div class="container">
                <ul class="nav">
                  <li><a href="../index.html">Home</a></li>
                  <li class="active"><a href="places.html">Places to visit</a></li>
                  <li><a href="dos-donts.html">Do's and don'ts</a></li>
                  <li><a href="faq.html">FAQ</a></li>
                  <li><a href="about.html">About us</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
  
          <div class="row-fluid">
          <div class="span3">
          <form >
            <input type="text" class="search-query" placeholder="Search" title="search">
              <input type="submit" value="" style="display:none" title="search">
          </form>
          <ul class="nav nav-tabs nav-stacked">
          <li><a href="javascript:tooglePlace('place1');"><i class="icon-chevron-right"></i>Julian</a></li>
          <li><a href="javascript:tooglePlace('place2');"><i class="icon-chevron-right"></i>Palomar Mountain</a></li>
          <li><a href="javascript:tooglePlace('place3');"><i class="icon-chevron-right"></i>San Diego Zoo Safari Park</a></li>
          <li><a href="javascript:tooglePlace('place4');"><i class="icon-chevron-right"></i>Torrey Pines</a></li>
          </ul>
          </div>
          <div class="span8">
            <div id="place1" class="PlaceShow well">
              <h2 style="text-align: center">Julian</h2>
            <div id="place1Carousel" class="carousel slide">
              <ol class="carousel-indicators">
                <li data-target="#place1Carousel" data-slide-to="0" class="active"></li>
                <li data-target="#place1Carousel" data-slide-to="1"></li>
              </ol>
              <!-- Carousel items -->
              <div class="carousel-inner">
                <div class="carousel-inner">
                    <div class="item active">
                      <img src="../img/places/julian_1.jpg" alt="julian">
                      <div class="carousel-caption">
                        <h3>Julian 1</h3>
                        <p>Desc of pics 1</p>
                      </div>
                    </div>
                    <div class="item">
                      <img src="../img/places/julian_2.jpg" alt="julian">
                      <div class="carousel-caption">
                        <h3>Julian 2</h3>
                        <p>Desc of pics 2</p>  
                      </div>
                    </div>
              </div>
              <!-- Carousel nav -->
              <a class="carousel-control left" href="#placeCarouselTwo" data-slide="prev">&lsaquo;</a>
              <a class="carousel-control right" href="#placeCarouselTwo" data-slide="next">&rsaquo;</a>
            </div>
            </div>
            <p>Southern California has grown a lot over the past decades and most towns and neighborhoods are no older than twenty years. If you feel like having landed in a land without any historical relicts or without any history of civilization that spans more than half a century at all, you should consider going to Julian. In southern California, it is not so easy to find relicts of the past and mainly for Europeans, it seems as if there are not many places where you can experience long bygone times. Julian is definitely a place where you can do exactly that. Hidden in the mountain ranges in the heart of San Diego County on more than 4,000 feet altitude, this small 1,500 inhabitant town offers all of what historically interested people might be interested in.
</p>
            <p>
            Maybe Julian has only been conserved so well because its residents remarked early that tourism is one of their only economic perspectives in this remote area, so if you are looking for silence and seclusion, stay away from Julian. But this continuous stream of excursionists, mainly San Diego County residents from the urban areas close to the coast, also makes Julian a vivid place.
</p>
            <p>Julian has once grown rapidly and became wealthy in a big gold rush after the American Civil War in the 1860ies and 1870ies, and you can still visit some buildings of those times in the town. You should definitely plan in some time for visiting one of the old gold mines which you can reach within a few minutes from the town center by foot. You will learn a lot on the nature of mining, the working conditions of the miners and the history of Southern California.
</p>
            <p>
              The "golden" time ended a long time ago. Today, the gold of Julian is a renewable resource: Apples. The cooler and more humid climate of Julian is ideal for growing apples and the town is well-known for its apple plantations all over the region. The combination of the old structures along Main Street and Washington Street in the town, the old mines and the romantic landscape with meadows, forests and lots of apple trees make Julian the perfect place for getting distracted from the hectic and busy life in metropolitan San Diego.

            </p>
            <div class="alert alert-info">
              <p><em><strong>Special Tips</strong><br />
              You should not leave Julian without having tried one of the famous apple pies. There are plenty of good restaurants and bakeries along Main Street and everyone has his own favorite. So I would like to recommend mine:</em></p>
<address>
  <strong>Mom's pie house</strong><br>
  2119 Main<br>
  Julian, CA 92036<br>
  <a href="http://www.momspiesjulian.com">momspiesjulian.com</a>
</address>
            </div>
            
              <h4>Plan your trip</h4>
              <p>
 Julian is definitely worth a one day trip for having enough time for a hike around the town, strolling along Main Street and the pie houses and visiting a gold mine.</p>
<p>Coming from the agglomeration of San Diego, you should plan in 60 to 90 minutes for the drive eastwards to Julian. From the northern parts of San Diego County, you should take Highway CA78 East beginning in Oceanside and connecting Vista, Escondido and Ramona among others. Starting from the Southern parts of the County around San Diego and El Cajon, take Interstate 8 East and take the exit on Highway CA79 North. If you are coming from Riverside or San Bernardino County, take I15 South, CA76 East and CA79 South.</p>
<p>Julian is a rural town and is not close to the catwalks of Hollywood, so dress conveniently. Particularly if you plan to visit a mine, take into account that it can be very dusty. Wear appropriate shoes and take some wipes for your glasses with you.
</p>
  <h4>Extend your trip</h4>
  <p>
  Due to its location in the center of the mountain ranges of San Diego County, Julian is the perfect starting point for trips in all other rural parts of the County, be it the desert regions in the east with Anza Borrego State Park and Borrego Springs, the higher mountains in the north around Palomar Mountain or the grasslands in the west towards the urban areas.
            </p>
            </div>
            <div id="place2" class="PlaceHide well">
              <h2 style="text-align: center">Palomar Mountain</h2>
            <div id="placeCarouselTwo" class="carousel slide">
              <ol class="carousel-indicators">
                <li data-target="#placeCarouselTwo" data-slide-to="0" class="active"></li>
                <li data-target="#placeCarouselTwo" data-slide-to="1"></li>
              </ol>
              <!-- Carousel items -->
              <div class="carousel-inner">
                <div class="carousel-inner">
                    <div class="item active">
                      <img src="../img/places/palomar_1.jpg" alt="tmp">
                      <div class="carousel-caption">
                        <h4>Palomar 1</h4>
                        <p>Desc of pics 1</p>
                      </div>
                    </div>
                    <div class="item">
                      <img src="../img/places/palomar_2.jpg" alt="tmp">
                      <div class="carousel-caption">
                        <h4>Palomar 2</h4>
                        <p>Desc of pics 2</p>  
                      </div>
                    </div>
              </div>
              <!-- Carousel nav -->
              <a class="carousel-control left" href="#placeCarouselTwo" data-slide="prev">&lsaquo;</a>
              <a class="carousel-control right" href="#placeCarouselTwo" data-slide="next">&rsaquo;</a>
            </div>
            </div>
            <p>You are a friend of winding roads and stunning views?
            You definitely don't want to miss Palomar Mountain in the
            mountain ranges of North County, San Diego!</p>
            <p>
            Located about 30 miles northeast of Escondido, the fascinating experience
            already begins with the drive up to the mountain top on Palomar Mountain road
            on its west rim starting from Rincon. Even though the highest point of Palomar
            Mountain is barely higher than 6,000 feet, the steep drive up on a serpentine
            road gives you the feeling of being in a high mountain region. The landscape
            changes rapidly from the typical arid Southern Californian scrub to dense and
            native pine and spruce forests in the mountains that receive more precipitation
            over the year. Arriving on the top, you can either turn sharp left right into Palomar
            Mountain State Park, left in direction of Palomar Observatory or right on County Highway S7.
            Although a short dead end road, the first option provides you with the most spectacular views.
            Driving directly on the edge facing west, you can oversee the whole coast line from San Diego in
            the South to San Clemente in the North. Depending on weather and time, you might see
            spectacular sunsets over the ocean, have a clear and detailed view of big parts of San Diego County
            (especially after periods of rain) or admire the surreal landscapes when fading in fog or mist.
            The second option leads you to one of the most important observatories in Southern California,
            established in 1928. Although the observatory is in active use by researchers, the 200-inch telescope
            is accessible for self-guided tours from 9 a.m. to 3 p.m. On weekends from April through October you
            can also visit other parts of the facility including additional telescopes
            <a href="http://www.astro.caltech.edu/palomar/">http://www.astro.caltech.edu/palomar</a>.
            For the third option, read more in the "Extend your trip" section.</p>
            <div class="alert alert-info">
              <p><em><strong>Special Tips</strong><br />
              If you like to treat yourself to some good food, a culinary delicacy is waiting for you on Palomar Mountain. Being populated scarcely, the area still seems to be very original. Next to the intersection of County Highway S7 and Palomar Mountain road, you can find "Mother's Kitchen", a nice little restaurant serving delicious but inexpensive blueberry and chocolate pies!</em></p>
            </div>
            
              <h4>Plan your trip</h4>
              <p>
  You should plan in at least half a day if you are located in North San Diego County or Southwest Riverside County, else more according to your journey.
  Coming from the North, you can reach Rincon over Interstate 15 and State Route CA76, coming from the Southwest starting in Escondido you can take Valley Center road (County Highway S6).
  If you are new to Southern California and think that the sunny, warm climate is normal to all of the state, this should be a warning to you: The temperatures on top of the mountain ranges are - depending on the altitude - usually at least 20 degree Fahrenheit lower than at the coast. With strong winds that might feel even colder.
  Planning your trip, you should take into account that there might be snow from December to April. Also, do not think of the warning signs about wild animals and free-range livestock as being a nice tourist attraction. Drive carefully and be prepared to stand face to face with deer or cattle behind the next bend!</p>
  <h4>Extend your trip</h4>
  <p>
  If you have more time and want to experience the mountain ranges and stunning landscapes of San Diego County more intensively, you should definitely consider taking County Highway S7 towards Lake Henshaw in the southeast of Palomar Mountain. From there on, you will have several options to continue your daytrip through the diverse countryside of San Diego County. Also see the article on Julian.
            </p>
            </div>           
            <div class="well">
              <h3>Comments</h3>
               <ul class="media-list">
                <li class="media">
                  <a class="pull-left" href="#">
                    <img src="http://placehold.it/64x64" alt="tmp">
                  </a>
                  <div class="media-body">
                    <small><i class=icon-user></i> Login - X min ago</small>
                        <a class="pull-right" href="#"><small>&nbsp;Reply&nbsp;</small></a>
                        <div class="btn-group pull-right">
      <a class="btn btn-mini" href="#"><i class="icon-warning-sign"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-minus"></i>&zwj;</a>
    </div>
                    <h4 class="media-heading">Comment 1</h4>
                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                    <div class="btn-toolbar">
    <div class="btn-group">
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-up"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-down"></i>&zwj;</a>
    </div>
                    </div>
                      </div>
                    <!-- Nested media object -->
                    <div class="media">
                      <a class="pull-left" href="#">
                        <img src="http://placehold.it/64x64"  alt="tmp">
                      </a>
                      <div class="media-body">
                        <small><i class=icon-user></i> Login - X min ago</small>
                        <a class="pull-right" href="#"><small>&nbsp;Reply&nbsp;</small></a>
                        <div class="btn-group pull-right">
      <a class="btn btn-mini" href="#"><i class="icon-warning-sign"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-minus"></i>&zwj;</a>
    </div>
                        <h4 class="media-heading">Comment 1.1</h4>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                        <div class="btn-toolbar">
    <div class="btn-group">
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-up"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-down"></i>&zwj;</a>
    </div>
                        
                      </div>
                        <!-- Nested media object -->
                        <div class="media">
                          <a class="pull-left" href="#">
                            <img src="http://placehold.it/64x64"  alt="tmp">
                          </a>
                          <div class="media-body">
                            <small><i class=icon-user></i> Login - X min ago</small>
                        <a class="pull-right" href="#"><small>&nbsp;Reply&nbsp;</small></a>
                        <div class="btn-group pull-right">
      <a class="btn btn-mini" href="#" ><i class="icon-warning-sign"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-minus"></i>&zwj;</a>
    </div>
                            <h4 class="media-heading">Comment 1.1.1</h4>
                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                            <div class="btn-toolbar">
    <div class="btn-group">
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-up"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-down"></i>&zwj;</a>
    </div>
                        
                      </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- Nested media object -->
                    <div class="media">
                      <a class="pull-left" href="#">
                        <img src="http://placehold.it/64x64"  alt="tmp">
                      </a>
                      <div class="media-body">
                        <small><i class=icon-user></i> Login - X min ago</small>
                        <a class="pull-right" href="#"><small>&nbsp;Reply&nbsp;</small></a>
                        <div class="btn-group pull-right">
      <a class="btn btn-mini" href="#"><i class="icon-warning-sign"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-minus"></i>&zwj;</a>
    </div>
                        <h4 class="media-heading">Comment 1.2</h4>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                        <div class="btn-toolbar">
    <div class="btn-group">
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-up"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-down"></i>&zwj;</a>
    </div>
                        
                      </div>
                    </div>
                  </div>
                
                </li>
                 <li class="media">
                      <a class="pull-left" href="#">
                        <img src="http://placehold.it/64x64"  alt="tmp">
                      </a>
                      <div class="media-body">
                        <small><i class=icon-user></i> Login - X min ago</small>
                        <a class="pull-right" href="#"><small>&nbsp;Reply&nbsp;</small></a>
                        <div class="btn-group pull-right">
      <a class="btn btn-mini" href="#"><i class="icon-warning-sign"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-minus"></i>&zwj;</a>
    </div>
                        <h4 class="media-heading">Comment 2</h4>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                        <div class="btn-toolbar">
    <div class="btn-group">
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-up"></i>&zwj;</a>
      <a class="btn btn-mini" href="#"><i class="icon-thumbs-down"></i>&zwj;</a>
    </div>
                        </div>
                      </div>
              </ul>
           </div>
          </div>
          </div>
      
        <hr>
  
        <div class="footer">
          <p>&copy; Company 2013</p>
        </div>
  
      </div> <!-- /container -->
  

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../bootstrap/js/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap-transition.js"></script>
    <script>
   function tooglePlace(id) {
      $(".PlaceShow").hide();
      $(".PlaceShow").addClass("PlaceHide");
      $(".PlaceShow").removeClass("PlaceShow");
      $("#"+id).show();
      $("#"+id).addClass("PlaceShow");
      $("#"+id).removeClass("PlaceHide");
    }
    </script>
  </body>
</html>
